
// 注意: 在脚手架中 .vue文件都是 单文件组件(一个文件就是一个组件  template script style)

// main.js 是 Vue的入口文件(根实例 挂载的位置)
// App.vue 作为根实例的模板


// 引入 Vue.js
import Vue from 'vue'
// 引入组件(单文件组件)
import App from './App.vue'
import router from './router'

// 在main.js中, 我们发现, webpack / vite脚手架已经支持了模块化开发.并且"一切皆模块", 就是在脚手架或者说开发环境中, 所有的文件都可以看做模块, 就可以将其引入到js文件中, 这样就要可以从main.js这个入口文件入手, 得到一个清晰的 / 全局的模块引用关系.
import "./assets/1.js"

import "./assets/demo.css";
import * as abc from "./assets/demo.css";


console.log(App);
console.log(abc);

Vue.config.productionTip = false

new Vue({
  router,   // 挂载路由
  render: h => h(App)   // 将App.vue文件 作为根实例的模板
}).$mount('#app')
